doctype 5
html(lang='en')
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content='')
    meta(name='author', content='')
    link(rel='shortcut icon', href='#{pathToAssets}/assets/ico/favicon.ico')
    title SG-CONDOM
    // Bootstrap core CSS
    link(href='#{pathToAssets}/dist/css/bootstrap.min.css', rel='stylesheet')
    // Custom styles for this template
    link(href='#{pathToSelectedTemplateWithinBootstrap}/offcanvas.css', rel='stylesheet')
    // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
    //if lt IE 9
      script(src='#{pathToAssets}/assets/js/html5shiv.js')
      script(src='#{pathToAssets}/assets/js/respond.min.js')
  body

    .navbar.arreglo.navbar-fixed-top.navbar-inverse(role='navigation')
      .container
        .navbar-header
          button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand(href='/') SG-CONDOM(logo)
        .collapse.navbar-collapse
          ul.nav.navbar-nav
            - if ( link == 'home'){ 
            li.active
              a(href='/') Inicio
            - }
            - else{
            li
              a(href='/') Inicio
            -}
            li
              a(href='#about') Acerca
            li
              a(href='#contact') Contacto
          ul.nav.navbar-nav(style="float:right")
            - if (logged)
              li
                a(href='/') Salir
            - else {
              - if ( link == 'login'){ 
                li.active
                  a(href='/login') Acceder
              - }
              - else{
                li
                  a(href='/login') Acceder
              -}
            -}
        // /.nav-collapse
      // /.container
    // /.navbar
    .container
      .row.row-offcanvas.row-offcanvas-right
        // /Menu de Navegacion
        block navMen
        // /Contenido Principal
        block contPrincipal
        // /Contenido Adicional
        block contSecundario
      footer.navbar.arreglo.navbar-fixed-bottom.navbar-inverse(style="max-height:50px;")
        .container
          .navbar-header
            p.navbar-brand &copy; Company 2013
    // /.container
    //
       Bootstrap core JavaScript
    // ================================================== 
    // Placed at the end of the document so the pages load faster
    script(src='#{pathToAssets}/assets/js/jquery.js')
    script(src='#{pathToAssets}/dist/js/bootstrap.min.js')
    script(src='#{pathToSelectedTemplateWithinBootstrap}/offcanvas.js')
    script(src='#{pathToAssets}/assets/js/vistas.js')
